/* 这里是你自己写的全局css样式 */

/* 注意，若修改此处的--main和--secondary变量，需要同步修改app.config.js内的color属性 */
.app {
	--main: #ff623e;
	--secondary: #555555;
	--bgcolor:#f3f3f3;
}

.app-bg {
	background-color: var(--bgcolor);
	min-height: calc(100vh - var(--window-bottom) - var(--window-top));
}

/* #ifdef WEB */
.uni-mask,
.uni-modal,
uni-toast,
uni-modal,
.uni-actionsheet {
	z-index: 999999 !important;
}
.uni-body .uni-app--showtabbar uni-page-wrapper::after {
	background-color: #f3f3f3;
}
/* 禁用双击缩放，直接触发点击，解决Web端点击响应延迟的问题 */
a, button, view, text {
	touch-action: manipulation;
}
@media (min-width: 900px) {
	#app {
		--max-width: 750px;
		max-width: var(--max-width);
		margin: 0 auto;
	}

	.uni-page-head {
		max-width: var(--max-width);
		margin: 0 auto;
	}

	.uni-tabbar,
	.u-navbar.u-navbar-fixed,
	.navigation {
		max-width: var(--max-width);
		margin: 0 auto;
		left: 0;
		right: 0;
	}
}
/* #endif */

/* 单行文本 */
.text-one {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
/* 2行文本 */
.text-two {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/* 3行文本 */
.text-three {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/* view型按钮 */
.vk-btn {
	cursor: pointer;
}
.vk-btn:active{
	opacity: 0.7;
	filter: grayscale(50%);
}

.vk-contents {
	display: contents;
}
.vk-contents-important {
	display: contents !important
}
/* 让button失去它的内置样式，使之跟view类似 */
.vk-button-no-style {
	display: contents !important;
	line-height: inherit;
}




